<template>
  <el-container class="user-account-container">
    <el-aside width="220px">
      <el-menu :default-active="$route.matched[2].path" text-color="#78797F" active-text-color="#0766FE" router>
        <el-menu-item index="/user-center/user-account/user-setting">账号设置</el-menu-item>
        <el-menu-item @click="$router.back()">返回控制台</el-menu-item>
      </el-menu>
    </el-aside>
    <el-main>
      <router-view></router-view>
    </el-main>
  </el-container>
</template>

<script setup>
</script>

<style lang="less" scoped>
.user-account-container{
  .el-aside{
    .el-menu{
      margin-top: 60px;
      .el-menu-item{
        padding-left: 40px!important;
      }
      .el-menu-item.is-active{
        background-color: #ecf5ff;
      }
    }
  }
  .el-main{
    border-top: 1px solid #f1f1f1;
    border-left: 1px solid #f1f1f1;
    box-sizing: border-box;
    padding: 0;
  }
}
</style>
